import React from 'react'
import ReactDOM from 'react-dom'

// 1. React.createElement方法创建 html 元素
// 语法：React.createElement('html 元素名',{属性1:属性值1,属性2:属性值2...},子元素...)
const h1 = React.createElement('h1', null, 'hi react!')
const p = React.createElement('h1', null, '香蕉')
const p1 = React.createElement('h1', null, '橘子')
const p2 = React.createElement('h1', null, '苹果')
const div = React.createElement('div', { className: 'box' }, h1, p, p1, p2)
ReactDOM.render(
  div,
  document.getElementById('root')
)


